<!doctype html>
<html>

<head>
    <title></title>
    <meta charset="utf-8">
    <script src="https://cdn.bootcss.com/jquery/2.2.1/jquery.js"></script>
    <script type="text/javascript">
    
        $(function(){
          console.log("just a test");
            
        });
        $(document).ready(function(){
           $("button").click(function(){
             $("p").slideToggle(1000,function(){
                 alert("a");//弹出二次 hide和show
             });  
           });
           $("p").css("background-color","red");
        });
    
        $(document).ready(function() {
             $(".level1 > a").click(function() {
            $(this).addClass("current")
                .next().show().parent().siblings().children("a").removeClass("current")
                .next().hide();
            return false;
        });
        });
    </script>
</head>

<body>
    <button type="button">点击</button>
    <p>anytao<p>
    <div class="box">
        <ul class="menu">
            <li class="level1">
                <a href="#none">衬衫</a>
                <ul class="level2">
                    <a href="#none">短袖衬衫</a>
                    <a href="#none">长袖衬衫</a>
                    <a href="#none">短袖T袖</a>
                    <a href="#none">长袖T袖</a>
                </ul>
            </li>

            <li class="level1">
                <a href="#none">卫衣</a>
                <ul class="level2">
                    <a href="#none">开襟卫衣</a>
                    <a href="#none">套头卫衣</a>
                    <a href="#none">运动卫衣</a>
                    <a href="#none">童装卫衣</a>
                </ul>
            </li>

            <li class="level1">
                <a href="#none">裤子</a>
                <ul class="level2">
                    <a href="#none">短裤</a>
                    <a href="#none">休闲裤</a>
                    <a href="#none">牛仔裤</a>
                    <a href="#none">免烫卡其裤</a>
                </ul>
            </li>
        </ul>
    </div>
</body>
<html>